@use 'element-plus/theme-chalk/src/common/var.scss';

.main-aside-menu {
  --el-menu-bg-color: #545c64;
  --el-menu-text-color: #ffffff;
  --el-menu-hover-bg-color: #858d96;
}

:root {
  --main-aside-bg-color: #545c64;
  --main-aside-collapse-color: #ffffff;
  --main-aside-collapse-bg-color: #858d9645;
  --main-aside-collapse-bg-hover-color: #e4d9b245;
  --main-header-btn-hover-bg-color: var(--el-color-info-light-7);
  --el-tabs-header-height: 40px;
  --main-tabs-height: 40px;
  --main-setting-panel-btn-color: #ffffff;
}

.main-header-menu {
  --el-tabs-header-height: 45px;
  --main-tabs-height: 45px;
}

.el-button:focus-visible {
  outline: none;
}

.main-setting-panel-btn {
  --main-setting-panel-btn-bg-color: var(--el-color-primary);
  --main-setting-panel-btn-hover-bg-color: var(--el-color-primary-light-3);
}
